﻿a:hover,a:focus{ text-decoration: none;}
body{ overflow-x: hidden; position: relative; font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
.h1, .h2, .h3, h1, h2, h3,h4,h5,h6,p,ul{ padding: 0; margin: 0;}

/*.container{ background: red;}*/
.navbar-default{ border-radius: 0; border: none; background:#fff; box-shadow: 0 0 6px #666;}
/*reset*/
.navbar-header .navbar-toggle{ border: none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: none;}
.navbar-brand{ display: block; padding: 10px 15px;}
.navbar-default .navbar-nav{border: none;}
.navbar-nav>li{ padding: 0 12px;}
.navbar-nav>li>a{ padding: 30px 0; display: inline-block;}
.navbar-nav .dropdown{overflow: hidden;}
.navbar-nav .dropdown>a{ float: left;}
.navbar-nav .dropdown>span{float:left; display: block; margin-top:22px; margin-left: 12px;}
.dropdown-menu{ left: auto; border: none; background-color: none !important;}
.dropdown-menu li a:hover{ color: #BD1119;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #FFF; background: none;}
/*banner*/
.banner{ /*margin-top: 56px;*/ position: relative; overflow:hidden;}
.banner .swiper-container1{ position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{ position: absolute; width: 50px; opacity: 0; transition: all .3s ease-in-out; height: 50px; font-size: 18px; top: 50%; margin-top: -25px; background: rgba(0,0,0,.9); color: #fff; text-align: center; line-height: 50px;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#BD1119;}
.banner .swiper-button-next{left: 0px;}
.banner .swiper-button-prev{right: 0px;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity: 1;}
/*title*/
.min-title{ text-align: center;}
.min-title h2{color: #333; margin-bottom: 12px; font-size:28px;}
.min-title h2 span{color: #BD1119;}
.min-title p{ color: #848484; font-size: 15px; position: relative; display: table; margin: 12px auto 26px auto;}
/*case*/
.case{ padding: 50px 0; overflow: hidden;}
.case .col-md-3{ margin-bottom: 24px;}
.thumbnail{ padding: 0; border: none; border-radius: 0; margin-bottom: 0; position: relative;}
.case .caption{ /*background: #f4f5f8; */line-height: 24px;}
.case .caption a{ color: #848484;}
.case .caption a h4{ font-size: 17px; margin-top: 8px; margin-bottom: 6px;color: #343434;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.case .caption a p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 10px; font-size: 14px;}
/*left right*/
.thumbnail .line-left,.thumbnail .line-right,.thumbnail .line-top,.thumbnail .line-bottom{ position: absolute;  background: #BD1119; transition: all .3s ease-in-out;}
.thumbnail .line-left,.thumbnail .line-right{top: 0; width: 2px; height: 0;}
.thumbnail .line-left{left: 0;}
.thumbnail .line-right{ right: 0;}
.thumbnail:hover .line-left,.thumbnail:hover .line-right{ height: 100%;}
/*top bottom*/
.thumbnail .line-top,.thumbnail .line-bottom{left: 0; width: 0; height: 2px;}
.thumbnail .line-top{top: 0;}
.thumbnail .line-bottom{bottom: 0;}
.thumbnail:hover .line-top,.thumbnail:hover .line-bottom{width: 100%;}
/*more*/
.case .more{ margin: 0 auto; display: table;}
.case .more a{ padding: 11px 50px; border: 2px solid #333; color: #333; position: relative; transition: all .3s ease-in-out; display:inline-block; margin: 0 auto;}
.case .more a:after{ position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; background: #BD1119; content: '';  transition: all .3s ease-in-out;}
.case .more:hover a:after{height: 100%;}
.case .more:hover a{ color: #fff; border-color: #BD1119;}
/*key*/
.key{ width: 100%; background: #f4f5f8; padding: 50px 0 44px 0;}
.key .media{ margin: 10px 0 30px 0;}
.key .media-heading{margin-bottom: 6px; margin-top:10px; font-size: 24px; text-align:center;}
.key .media-left p{position: relative; width: 100%; height: 100%; border-radius: 50%;}
.key .media-body p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
/*left right*/
.key .media-body,.key .media-left{ position: relative;}
.key .media-body{padding:18px;}
.key .key-left .media-body{padding: 22px;}
.key .key-left{z-index: 10;}
.key .key-left .media-body{ background: #565656; color: #fff;}
.key .media-body .line-left,.key .media-body .line-right,.key .media-body .line-top,.key .media-body .line-bottom{ position: absolute;  z-index: 10;  background: #BD1119; transition: all .3s ease-in-out;}
.key .media-body .line-left,.key .media-body .line-right{top: 0; width: 2px; height: 0;}
.key .media-body .line-left{left: -2px;}
.key .media-body .line-right{ right: -2px;}
.key .key-left .line-right{ right: 0;}
.key .key-left .line-left{left: 0;}
.key .media-body:hover .line-left,.key .media-body:hover .line-right{ height: 100%;}
/*top bottom*/
.key .media-body .line-top,.key .media-body .line-bottom{left: 0; width: 0; height: 2px;}
.key .media-body .line-top{top: -2px;}
.key .media-body .line-bottom{bottom: -2px;}
.key .key-left .line-top{top: 0;}
.key .key-left .line-bottom{bottom: 0;}
.key .media-body:hover .line-top,.key .media-body:hover .line-bottom{width: 100%;}
.key .key-right{ margin-top: 10px; display: none; color: #666;}
.key .key-right .media-heading{ color: #343434;}
.key .key-right .media-body{ border: 2px solid #565656; margin: 2px; background: #f4f5f8; position: relative; z-index: -100; overflow:visible;}
/*advantage*/
.adv{ width: 100%;padding: 54px 0;}
.adv .thumbnail{ background:#676767; margin-top: 20px; color: #fff; text-align: center; background-size:100% 100%; transition: all .3s ease-in-out; padding-bottom: 16px;}
.adv .thumbnail img{text-align: center; padding-top: 20px;}
.adv .thumbnail .caption h4{ color: #fff; font-size:24px; margin: 16px 0;}
.adv .thumbnail .caption p{ color: #fff; line-height: 24px;}
/*flow*/
.flow{ width: 100%; padding: 54px 0;/*background: #f4f5f8;*/}
.flow .thumbnail{ width: 31%; margin: 0 1.15555%; margin-top: 10px; float: left; text-align: center; background: none;}
.flow .caption h5{font-size: 18px; color: #454545; padding: 15px 0;}
.flow .caption p{ color: #aaa; font-size: 12px; font-family:arial; text-transform: uppercase;}
.flow .caption h3{ margin-top: 20px;font-family:'Lato',arial;}
/*blog*/
.blog{ padding: 54px 0;}
.blog .col-md-6{ margin-bottom: 30px;}
/*list*/
.blog .col-md-6 ul.list{ border: 1px solid #eee; overflow: hidden; padding: 14px 20px; position: relative; margin-bottom: 26px;}
.blog .col-md-6 ul.list:before{ position: absolute; left: 0; top: 0; width: 3px; height: 100%; z-index: 100; background: #BD1119; content: '';}
.blog .col-md-6 ul li{float: left;}
.blog .col-md-6 ul.list li{ font-size: 16px; color:#454545;}
.blog .col-md-6 ul li:last-child,.blog .col-md-6 ul.list li:last-child{ float: right;}
.blog .col-md-6 ul li:last-child a{ color: #999; font-size: 13px;}
.blog .col-md-6 ul li:last-child a:hover{color: #BD1119;}
/*blog media*/
.blog .col-md-6 .media{ margin-bottom:6px;}
.blog .col-md-6 .media-left,.blog .col-md-6 .media-body{ width: 100%; overflow: hidden; display: block;}
.blog .col-md-6 .media-left img{ width: 100%;}
.blog .col-md-6 .media-body h5{ font-size: 17px; padding: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: 0;}
.blog .col-md-6 .media-body h5 a{ color: #454545;}
.blog .col-md-6 .media-body p{ color: #777; line-height: 28px; margin-bottom: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blog .col-md-6 .media-body small{ color: #aaa; font-size: 14px;}
.blog ul{ padding: 11px 0; overflow: hidden; border-bottom: 1px dotted #eee; font-size: 14px; color: #aaa;}
.blog ul li:first-child a{ font-size: 14px; color: #666; position: relative; padding-left: 10px;}
.blog ul li:first-child a:before{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: #666; content: '';}
.blog ul:hover li:first-child a{ color: #BD1119;}
.blog ul li i{ font-size: 10px;}
/*panner*/
.panner{ background: #f4f5f8; padding: 40px 0;}
.panner .container{ position: relative; background: #fff; padding: 25px;}
.panner .swiper-slide{ background: #fff; border: 1px solid #ddd; padding: 10px; transition: all .3s ease-in-out;}
.panner .swiper-slide:hover{ border-color: #BD1119;}
.panner .swiper-slide img{ margin: 0 auto;}
/*foot*/
.foot{ background: #1f1f1f; padding: 36px 0;}
.foot ul.share{ overflow: hidden;}
.foot ul.share li a{margin: 0 8px; display: inline-block; color: #999; font-size: 13px;}
.foot ul.share li{ color: #eee; font-size: 15px; float: left; line-height: 26px;}
.foot ul.share li:hover a{ color: #BD1119;}
/*main*/
.foot .ft-main{ margin-top: 20px; line-height: 32px;}
.foot .ft-main  h4{ color: #ddd; font-size: 16px; margin: 6px 0;}
.foot .ft-main  h2{font-size: 30px; margin: 16px 0;font-family:微软雅黑;}
.foot .ft-main a{ color: #999;}
.foot .ft-main a:hover{ color: #BD1119;}
/*footer*/
.footer{ background: #1f1f1f; border-top:1px solid #272727; padding: 20px 0; color: #999;text-align: center;}
.footer ul li{ margin-top: 10px;}
.footer img{ margin-bottom: 10px; display: inline-block;}
.footer a{ color: #999;}
.footer .weibo-code,.footer .weixin-code{ float: right; margin-left: 40px; text-align:center;}
/*ab-banner*/
.lt-banner{margin-top:56px;position:relative;}
.lt-banner ul{ position: absolute; left: 20%; bottom: 24px; color: #fff;}
.lt-banner ul li{ float: left;}
.lt-banner ul  a{ color: #fff;}
.lt-banner ul  a:hover{color: #BD1119;}
/*about page*/
.ab-main .navbar-nav{ display: table; margin: 50px auto 24px auto; float: none;}
.ab-main .navbar-nav li{ display: block; text-align: center; margin: 0 8px;}
.ab-main .navbar-nav li a{ padding: 15px 70px 8px; color: #454545; display: block; background: #e7e7e7; border-radius: 200px; transition: all .3s ease-in-out;}
.ab-main .navbar-nav li:hover a,.ab-main .navbar-nav li:focus a,.ab-main .navbar-nav li.active a{ border-radius: 100px; background: #BD1119; color: #fff;}
/*ab-text*/
.ab-text h3{ color: #333;}
.ab-text .container .row .col-md-7 .iabout{ line-height: 28px; color: #777; margin-top: 10px;}
.ab-text .container .row .col-md-7 .iabout p{ margin-bottom: 10px;}
.ab-text .container .why{ overflow: hidden;}
.ab-text .container .why ul{ float: left; margin-right: 40px; margin-top: 10px; color: #777;}
.ab-text .container .why ul li:nth-of-type(2){ font-size: 40px; color: #BD1119;}
.ab-text .container .why ul li:last-child{ color: #aaa;}
/*ab cul*/
.ab-cul{ background: #f4f5f8; padding: 60px 0; margin: 36px 0 0 0; color: #666; line-height: 28px;}
.ab-cul h4{ color: #343434; margin-bottom: 7px;}
.ab-cul .culture,.ab-cul .linian,.ab-cul .yuanze{ margin-bottom: 20px;}
.linian li{ position: relative; padding-left: 10px;}
.linian li:after{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: #666; content:'';}
.ab-main .min-title p,.case-main .min-title p,.liu-main .min-title p,.manage .min-title p{ color: #848484; margin-bottom: 36px;}
/*honors*/
.ab-hon .thumbnail{ background: #999; width:100%; border:1px solid #ddd; position: relative;}
.ab-hon .thumbnail p{ position: absolute; bottom: 0; left: 0; height: 44px; background: rgba(0,0,0,.7); width:100%; text-align: center; color: #fff; line-height: 44px;}
/*panner*/
.ab-pan{ padding: 50px 0; background: #f4f5f8; /*margin-top: 54px;*/}
.ab-pan .swiper-slide img{ margin: 0 auto;}
.ab-pan .swiper-container1{ overflow: hidden;}
/*case*/
.case-main,.zhibo,.liu-main,.manage{padding-top: 40px; background: #f4f5f8;}
.case-main .col-md-4{ margin-bottom: 34px;}
.case-main .caption a h4{ font-size: 16px; color: #454545; margin-top: 6px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.case-main .caption a p{height: 48px; overflow: hidden; color: #848484;margin: 6px 0; line-height: 24px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 10px; font-size: 14px;}
/*pagination*/
 nav.ption{ margin: 0 auto; display: table;}
.pagination{ margin: 0 auto; margin-bottom: 30px;}
.pagination li{ margin: 0 8px; display: inline-block;}
.pagination>li>a, .pagination>li>span{ padding: 10px 18px; background: #f4f5f8; color: #888; border-radius: 3px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: #f4f5f8;}
/*nei*/
.nei-main{ background: #f4f5f8;}
.nei-main h2{ text-align: center; padding-top: 40px;font-size:26px;}
.nei-main .body{ color: #565656; line-height: 30px; margin: 20px auto;}

.body img{ margin: 0 auto;max-width:100% !important;max-height:100% !important;}
.nei-main .pag{ border-top:1px dotted #eee; padding-top: 15px; overflow: hidden; margin: 20px 0;}
.nei-main .pag li{ float: left; width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.nei-main .pag li a{ color: #666;}
.nei-main .pag li:hover a{ color: #BD1119;}
/*相关案例*/
.rele{ margin-bottom: 30px; text-align: center;}
.rele h3{ text-align: left; margin-bottom: 14px; margin-top: 30px; color: #343434;}
.rele a p{ color: #565656; margin-top: 14px; font-size: 15px;}
/*gongdizhibo*/
.zhibo .media{ margin-top: 0; margin-bottom: 24px; overflow: hidden; padding-bottom: 24px; border-bottom:1px dotted #ddd;}
.zhibo .media-left{ padding-right: 0; width: 100%;}
.zhibo .media-left img{ max-width: 100%;}
.zhibo .media-body{width: 100%;}
.zhibo .media-body h4{ font-size: 18px; color: #343434; margin: 20px 0 10px 0;}
.zhibo .media-body ul{ color: #666; line-height: 28px;}
.zhibo .media-body p{ color: #777; line-height: 28px; margin: 4px 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.zhibo .media-body>.more-zan{ padding: 9px 20px; margin-top:6px; display:inline-block; border: 1px solid #eee; float:right; border-radius: 3px; color: #BD1119; transition: all .3s ease-in-out;}
.zhibo .media-body>.more-zan:hover{ background: #BD1119; color: #fff;}
.zhibo .media:nth-of-type(2n) .media-left{ float: right;}
.zhibo .media:last-child{ border-bottom: none;}
/*blog*/
.blog-main1{ background: #f4f5f8; padding-top: 40px;}
.blog-main1 .media{ transition: all .3s ease-in-out; margin: 0; margin-bottom: 30px;}
.blog-main1 .media-left{ width: 100%; padding-right: 0;}
.blog-main1 .media-left img{ width: 100%;}
.blog-main1 .media-body{ width: 100%; background: #fff; padding: 16px 16px 28px}
.blog-main1 .media-body h4 a{ font-size: 16px; color: #343434;}
.blog-main1 .media-body h4:hover a{ color: #BD1119;}
.blog-main1 .media-body ul{ overflow: hidden; margin: 10px 0 6px;}
.blog-main1 .media-body ul li{ float: left; margin-right: 20px; color: #999;}
.blog-main1 .media-body ul li span{ color: #BD1119;}
.blog-main1 .media-body p{ color: #777; line-height: 26px; margin-bottom: 20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-main1 .media-body>a{ border: 1px solid #ddd; padding: 10px 20px; color: #BD1119; border-radius: 3px; transition: all .3s ease-in-out;}
.blog-main1 .media-body>a:hover{ background: #BD1119; color: #fff;}
.blog-main1 .media:hover{ box-shadow: 0 5px 7px #ddd;}
/*blog-nei*/
.blog-nei h4{ padding-top: 40px; text-align: center;}
.bg-main{ background: #f4f5f8; padding: 10px 16px;}
.bg-main ul{ overflow: hidden; margin: 8px 0;}
.bg-main li{ color: #999;}
.bg-main li a{ color: #666; position: relative; padding-left: 10px;}
.bg-main li a:before{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #666; border-radius: 50%; content:'';}
.bg-main ul:hover li a{ color: #BD1119;}
.bg-main ul li:first-child{ width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: left;}
.bg-main ul li:last-child{ width: 30%; text-align: right;}
/*服务流程*/
/*faq*/
.faq{padding: 60px 0;}
.faq .col-md-7 ul{ margin-bottom: 20px;}
.faq .col-md-7 ul li.q{ font-size: 16px; color: #454545; margin: 10px 0;}
.faq .col-md-7 ul li.q span{ width: 32px; height: 32px; background: #606060; color: #fff; display: inline-block; text-align: center; line-height: 32px;margin-right:5px;}
.faq .col-md-7 ul li.a{ background: #fff; padding:10px; width: 90%; color: #666; line-height: 24px;}
/*liucheng*/
.shi-liucheng{ background: url("../style/images/liucheng_12.png"); padding: 50px 0;}
.shi-liucheng .min-title h2,.shi-liucheng .min-title p{ color: #fff;}
.shi-liucheng img{margin: 0 auto;}
.liu-main .key{padding-bottom: 0;}
.liu-main .key .min-title h2 span,.liu-main .adv .min-title h2 span{ color: #343434;}
/*项目管理*/
/*system*/
.manage .system{ padding: 10px 0 50px 0;}
.manage .min-title h2 span{ color: #343434; font-size: 16px;}
.manage .min-title p{ margin-bottom: 40px;}
.manage .thumbnail{ width: 46%; margin:2%; padding: 20px 0; border-radius: 5px; float: left; text-align: center; font-size: 16px; background: #fff; border: 1px solid #ddd;}
.manage .thumbnail i{ font-size: 120px;}
.manage .thumbnail:hover i{ color: #BD1119;}
.manage .thumbnail p{ padding: 20px 0;}
/*card*/
.card{padding: 60px 0; background: url("../style/images/guanli_04.png");}
.card .min-title p{ margin-bottom: 0;}
.card .min-title h2,.card .min-title p{ color: #FFF;}
.card img{ border-radius: 5px;}
.card .swiper-slide li{ margin-top: 30px;}
.card .swiper-slide li img{max-width: 100%;}
/*org*/
.org{padding: 60px 0;}
.org img{margin: 0 auto;}
/*team*/
.team{padding-bottom: 40px;}
/*contact*/
.contact{ background: #f4f5f8; padding: 40px 0;}
.contact .col-md-7{border-right: 1px dotted #ddd;}
.contact .col-md-7 h4{ padding:10px 0; color: #343434;}
.contact .col-md-7>p,.contact .col-md-5 p{ line-height: 24px; color: #777; margin-bottom: 20px;}
.contact .col-md-7 h5{ color: #666; font-size: 15px; }
.contact .col-md-7 h2{ color: #BD1119;margin-top: 10px; margin-bottom: 16px;}
.contact .col-md-7 .pull-left li{ line-height: 36px; color: #666; margin-bottom: 16px;}
.contact .col-md-7 .pull-left li i{ width: 34px; height: 34px; background: #BD1119; border-radius: 50%; display: inline-block; text-align: center; line-height: 34px; color: #fff; margin-right: 6px;}
.contact .col-md-7 .pull-left{ /*width: 64%;*/}
.contact .col-md-7 .pull-right{ width: 32%; text-align: center; color: #666; line-height: 26px; margin-top: -90px;}
.contact .col-md-7 .pull-right li img{margin-bottom:14px;}
/*form*/
.contact .box{margin-bottom: 20px;}
.contact .box label{ color: #454545; font-weight: normal;}
.contact .box input:focus{ outline: none;}
.contact .box input.form-control{height:42px;}
.contact .box .form-control{ /*padding: 20px 0;*/ background: none;border-radius:0px;box-shadow:none;}
.contact .box textarea{ height: 160px;}
.contact button{padding: 12px 38px; background: #BD1119; border: none; color: #fff;}
@media only screen and (max-width: 767px) {
.banner{margin-top:56px;}
.blog .blog-main ul li{float:none;}
.blog .col-md-6 ul li:last-child{float:none;margin-top:5px;}
.blog ul li:first-child a:before{top:18%;}
.blog{padding:34px 0 0 0;}
.rele a p{height:46px;}
.rele .thumbnail{padding-bottom:10px;}
.panner{padding:20px 0;}
.blog .col-md-6 ul.list{padding:10px 20px;}
.bg-main{padding:10px 0;}
.bg-main ul{margin:12px 0;}
#dituContent{height:210px !important;}
.bg-main ul li:first-child{width:100%;}
.bg-main ul li:last-child{text-align:left; width:100%; float:none !important;margin-top:26px;}
.nei-main .body div{text-align:left !important;}
}

@media only screen and (max-width: 768px) {
	.navbar-toggle{ display: block; padding: 9px 0;}
	.navbar-nav>li{ width: 100%;}
	.navbar-default .navbar-nav li{border-bottom: 1px solid #454545;}
	.navbar-default .navbar-nav li a{color: #FFF;}
	.navbar-default .navbar-nav li>a{ padding: 12px 0 12px 20px;}
	.navbar .dropdown .dropdown-menu{ width: 100%; overflow: hidden;}
	.navbar .dropdown>span{ color: #fff;padding:0;margin-top:14px;}
	.navbar-default .navbar-nav>li:hover>a{ color: #FFF;}
	.navbar-nav>li{ padding:0;}
	.navbar-nav>li>a{ padding: 30px 0;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #ddd;}
        .navbar .navbar-collapse .dropdown.open .dropdown-menu, .navbar .navbar-collapse .dropdown.open .dropdown-menu>.dropdown-submenu.open>.dropdown-menu{ background: #5c5c5c;}
        .foot{padding:26px 0 10px 0;}
        .foot .ft-main{margin-top:0px;}
        .foot .col-md-2{display:none;}
        .footer .weibo-code,.footer .weixin-code{ float:left; margin-left:0px; margin-right:20px;margin-top:20px;}
	/*heixnjishu*/
	.key .media-left{ width: 24%; float: left;margin-top:10px;}
	.key .media-left img{ max-width: 100%;}
	.key .media-body{ width: 76%; float: right;}
	/*about*/
        .lt-banner{ position: relative;}
        .lt-banner ul{left:15px;bottom:14px;}
	.ab-text .col-md-7,.ab-cul .col-md-5{ margin-bottom: 30px;}
	.ab-main{ margin-top: 20px;}
        .ab-main .navbar-nav{margin:0 auto;}
	.ab-main .navbar-nav li{ width: 25%; margin: 0;float:left; margin-bottom: 10px; padding:0px;}
        .ab-main .navbar-nav li:hover a, .ab-main .navbar-nav li:focus a, .ab-main .navbar-nav li.active a{border-radius:0px;}
	.ab-main .navbar-nav li a{ /*padding: 18px 50px;*/ padding:10px;border-radius:0px;}
	.pagination>li{ margin: 0 5px;}
	.pagination>li>a, .pagination>li>span{ padding: 8px 12px;}
	.media-body, .media-left, .media-right{ display: block;}
	.zhibo .media-left img{ width: 100%;}
}

@media only screen and (min-width: 768px) {
	.navbar-nav .dropdown>span{ margin-top: 28px;}
	/*title*/
	.min-title p:before,.min-title p:after{ position: absolute; top: 50%; width: 40px; height: 1px; background: #e3e3e3; content: '';}
        .min-title p:before{left: -50px;}
        .min-title p:after{right: -50px;}
       /*index flow*/
        .flow .min-title p,.blog .min-title p{ margin-bottom: 38px;}
        .flow .thumbnail{ width: 16.585%; margin: 0;}
        /* tel*/
	.tel{
	position: fixed; 
	padding:10px 16px 22px 10px;
	text-align: center;
	color: #fff;
	left: 0;
	z-index: 10000;
	background: #565656;
	border-radius: 0 7px 7px 0;
        top: 60%;
       }
       .panner .swiper-slide{height: 95px;}
.tel i{
	font-size: 56px;
}
.tel p{
	font-size: 16px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.tel h2{
        line-height:36px;
	font-size: 24px;
	font-weight: bold;
	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

*filter: Glow(color=#000, strength=1);
}
/*右侧联系我们*/
.yb_conct{position:fixed;z-index:9999999;bottom:100px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#545454 url("../style/images/fixCont.png") no-repeat 0 0;}
.yb_bar .yb_phone{background:#545454 url("../style/images/fixCont.png") no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#545454 url("../style/images/fixCont.png") no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#545454 url("../style/images/fixCont.png") no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
}
@media only screen and (min-width: 995px) {
	.navbar-default .navbar-nav li a{color: #343434;}
	.navbar-default .navbar-nav li:hover>a,.navbar-default .navbar-nav li:hover>span{ color:#BD1119;}
        .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #BD1119;}
	.navbar-nav{ height:82px; float: right;}
	.dropdown-menu{ background: rgba(255,255,255,.7);}
	.dropdown-menu li{ padding: 6px 0;}
	.navbar-brand{ display: block; height:82px; padding: 24px 15px;}
	.navbar-nav>li{ height: 82px;border-top: 2px solid rgba(255,255,255,0);}
        .navbar-nav>li>a{font-size: 15px; height: 58px; display: block;}
        .navbar-default .navbar-nav>li:hover{border-top: 2px solid #BD1119;}
	.navbar-default .navbar-nav>li:hover .dropdown-menu{display: block;}
	/*banner*/
        /*.banner,.lt-banner{ margin-top: 88px;}*/
        .case .col-md-3{ padding: 0 14px; margin-bottom: 30px;height:300px;}
    /*foot*/
    .foot .ft-main .col-md-2{ position: relative;}
    .foot .ft-main .col-md-2:after{ position: absolute; top: 0; right: 30%; width: 1px; height: 120px; background: #272727; content: '';}
    .foot .ft-main .col-md-2:last-child:after{background: none;}
    /*about page*/
   .ab-text .col-md-7{ width: 52%;}
   .ab-text .col-md-5{ width: 48%;}
    
}
@media only screen and (min-width: 1024px) {
	 .navbar-nav>li>a{font-size: 16px; height: 52px; display: block;}
         .lt-banner{margin-top:0px;}
	 /*index key*/
	 .key .container .row{ position: relative;}
	 .key .key-right{ width: 54%; position: absolute; top: 0; left: 47%; z-index: 0; display: block;}
	 /*.key .media-left, .key .media-right{ width: 18%;}*/
	 /*.key .media-body{ width: 81%;}*/
	 /*.key .media-left img,.key .key-right .media-right img{ max-width: 100%; margin: 0 auto; display: block;}*/
	 /*.key .key-right .media-body{float: left;}*/
	 /*.key .key-right .media-right{ float: right; padding-left: 0;}*/
	 .blog .col-md-6{ margin-bottom: 0;}
	 /*zhibo*/
	 .zhibo .media-left{width: 60%;}
         .zhibo .media-body{width: 40%;}
         .zhibo .media:nth-of-type(2n) .media-left{float: right;}
	 .zhibo .media:last-child{ border-bottom: none;}
	 .zhibo .media .media-body{padding: 0 15px;}
	 /*BLOG page*/
	 .blog-main1 .media-left{ width: 30%;}
	 .blog-main1 .media-body{ width: 70%; padding: 16px;}
	 .manage .thumbnail{ width: 18%; margin:0 1%;}
	 /*contact*/
	 .contact .col-md-7{padding-right: 30px;}
	 .contact .col-md-5{ padding-left: 30px;}         
         .contact .col-md-7 .pull-right{ width:auto;}
}
@media only screen and (min-width: 1280px) {
    .container{ width: 1200px;}
    .navbar-default{ min-height: 82px; width: 100%; background: rgba(255,255,255,.8);}	
    .navbar-default .navbar-collapse{background:none;}
    .navbar .navbar-nav>li{padding: 0 18px;}
    .navbar-nav>li>a{ padding: 28px 0;}
    .key-right{ width: 53%; position: absolute; top: 0; left: 47%; z-index: 0;}
    /*index adv*/
    .adv .thumbnail img{padding-top: 80px;}
    .adv .thumbnail{width: 240px; height: 322px; /*background: url("../style/images/adv-bg-black.png") no-repeat;*/background-size:100% 100%;}
    .adv .thumbnail:hover{ /*background:url("../style/images/adv-bg-red.png") no-repeat;*/ background-color: #c1bebe;background-size:100% 100%;}
    /*index blog*/
    .blog .col-md-6 .media-left,.blog .col-md-6 .media-body{ width: 50%; overflow: hidden; display: block; float: left;}
    .nei-main .container{ background: #fff;}
    /*zhibo*/
    .zhibo .media-left{width: 56%; background: #fff;}
    .zhibo .media-body{width: 44%; background: #fff;height:311px;}
    .blog-main1 .media-body p{-webkit-line-clamp: 3;}
    .ab-cul .container>.col-md-5{width:450px;}
    .ab-cul .container>.col-md-7{width:712px;} 
    .ab-cul .container>.col-md-7 img{ max-width:712px;}
}
.BMap_pop{display:block !important;}
body>.bdsharebuttonbox{
position:absolute;
left:0;
bottom:20px;
z-index:-10;
}
.error{margin:40px auto;}
